body {
	margin:0;
	background-image:url('../frontPage/backFonctions.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	font-family:Candara;
}



/* Les grosse box */

#top {
	margin-left:auto;
	margin-right:auto;
	width:946px;
	height:162px;
	background-image:url('../frontPage/topFonctions.jpg');
	
}

#middle {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:946px;
}


/* Contenu de middle special texte et tableau et img */
#intro {
	width:511px;
	height:250px;
	float:left;
	background-image:url('tease1.jpg');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-left:50px;
}

#intro p {
	margin-right:120px;
}

#details {
	float:left;
	width:946px;
}

#details  td {
	border-bottom:1px dotted #6e88ab;
	padding:10px;
}

h1 {
	margin-top:0;
	font-size:1.6em;
}


#details table {
	width:946px;
	border-top:1px dotted #6e88ab;
}

#details  tr:hover {
	background-color: #dce1e6;
}

/* Contenu dans MIDDLE */
#listesFonctions {
	float:left;
	width:385px;
	height:353px;
	background-image:url('../frontPage/backListeFonction.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	
}

#fonctions {
	width:390px;
	height:32px;
	padding-top:8px;
	padding-left:10px;
	background-image:url('../frontPage/backgroundFonctionsNotHover.png');
	font-size:18px;
}

#fonctions:hover {
	background-image:url('../frontPage/backgroundFonctions.png');
	cursor:pointer;
}



/* Contenu dans TOP */

#lien1 {

	position:relative;
	top:5px;
	left:530px;
	width:120px;
	height:20px;
	cursor:pointer;
}

#lien2 {
	
	position:relative;
	top:-15px;
	left:651px;
	width:55px;
	height:20px;
	cursor:pointer;
}

#lien3{
	
	position:relative;
	top:-35px;
	left:706px;
	width:32px;
	height:20px;
	cursor:pointer;
}

#lien4{
	
	position:relative;
	top:-54px;
	left:747px;
	width:101px;
	height:20px;
	cursor:pointer;
}

#lien5{
	
	position:relative;
	top:-75px;
	left:850px;
	width:70px;
	height:20px;
	cursor:pointer;
}

#bouton1 {
	position:relative;
	top:-46px;
	left:717px;
	width:178px;
	height:71px;
	cursor:pointer;
}
#bouton1:hover {
	background-image:url('../frontPage/topFonctions_boutonHover.jpg');
}

#retour{
	
	position:relative;
	top:-166px;
	left:0px;
	width:200px;
	height:20px;
}


